<template>
    <div>
         <from>
            <fieldset>
                <legend>用户注册</legend>
                <p>用户名：
                    <input type="text" v-model="Userdata.name">
                </p>
                <p>密码框：
                    <input type="password" v-model="Userdata.password">
                </p>
                <p>性别：
                    <input type="radio" value="男" id="man" v-model="Userdata.sex">
                    <label for="man">男</label>
                    <input type="radio" name="" value="女" id="woman" v-model="Userdata.sex">
                    <label for="woman">女</label>
                </p>
                <p>
                    爱好（多选按钮）
                    <input type="checkbox" id="eat" value="eat" v-model="Userdata.interset">
                    <label for="eat">吃</label>
                    <input type="checkbox" value="play" id="play" v-model="Userdata.interset">
                    <label for="play">玩</label>
                </p>
                <p>
                    <input type="submit" value="提交">
                </p>
            </fieldset>
            
         </from>
         <p>填写表单内容如下：</p>
         <p>用户名：{{Userdata.name}}</p>
         <p>密码：{{Userdata.password}}</p>
         <p>姓别：{{Userdata.sex}}</p>
         <p>爱好（多选）:{{Userdata.interset}}</p>
    </div>
</template>
<script >
    export default{
        data(){
            return{
                Userdata:{
                    name:"",
                    password:"",
                    sex:"",
                    interset:[]
                }
            }
        }
    }
</script>